<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>input输入</title>
</head>
<body>
    <h1>input输入框单标签</h1>
    <img src="input输入框type属性.png" alt=""><br>
    <h2>checked默认选中,maxlength文字最大输入</h2>
    <h2>当type为submit时点击按钮会自动提交到form对应的action接口</h2>
    
    <form action="">
        用户名：<input type="text" name="username" value="请输入用户名" maxlength="10"><br>
        密码：<input type="password" name="password"><br>
        单选：name 是表单元素的名字 单选必须是同样的name<br>
        男 <input type="radio" name="sex" value="男" checked> 女 <input type="radio" name="sex" value="女"><br>
        复选: <br>
        宅 <input type="checkbox" name="hobby"> 女 <input type="checkbox" name="hobby" checked> haha <input type="checkbox" name="hobby"><br>
        提交: <input type="submit" value="免费注册"><br>
        重置: <input type="reset" value="重新填写"><br>
        普通按钮: <input type="button" value="获取验证码,结合js搭配使用"><br>
        上传头像：<input type="file">
    </form>

</body>
</html>